<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defectoini.xhtml">
	<ui:define name="titulo">Login</ui:define>
	<h:head>
		
	</h:head>
	<ui:define name="contenido">
		<h:form id="frmLogin">
			<p:growl life="3000" showDetail="true" id="msjLogin" autoUpdate="true"/>
			<p:accordionPanel>
				<p:tab title="Datos de Ingreso">
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtUsuario" value="Usuario:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtUsuario" value="#{usuarioMB.usuarioBean.usuario}"/>
										<!-- <p:inputText id="txtUsuario" value="#{departamentoMB.descripcionBUS}"/> -->
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgUsuario"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgUsuario" value="Usuario" />
									</div> 
								</div>
								<p:message for="txtUsuario" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtPassword" value="Password:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:password id="txtPassword" value="#{usuarioMB.usuarioBean.password}"/>
										<!-- <p:inputText id="txtUsuario" value="#{departamentoMB.descripcionBUS}"/> -->
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgPassword"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgPassword" value="Password" />
									</div> 
								</div>
								<p:message for="txtPassword" />
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Ingresar" icon="ui-icon-search" action="#{usuarioMB.ingresar}" ajax="false"/>
						<!-- <p:commandButton value="Ingresar" icon="ui-icon-search" actionListener="#{departamentoMB.buscarDepartamentos}" 
						update="wLisDep:tblDepartamentos"/>-->
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
		</h:form>
	</ui:define>
</ui:composition>